
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>loading</title>
        <meta name="referrer" content="always">
        <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
        <style type="text/css">
            .loading {
                height: 48px;
                text-align: center;
                margin-top: -24px;
                z-index: 100;
                position: fixed;
                width: 100%;
                top: 50%;
            }
            .loading-icon {
                width: 148px;
                height: 100%;
                overflow: hidden;
                margin: 0 auto;
            }
            .loading-bglogo {
                display: inline-block;
                background: url(https://m.baidu.com/se/static/img/iphone/tab_loading__bg_logo_small.png) no-repeat;
                background-size: 148px 48px;
                height: 48px;
                width: 148px;
                position: relative;
                z-index: 1;
            }
            .loading-toplight {
                display: inline-block;
                position: absolute;
                height: 60px;
                width: 160px;
                top: 0;
                left: -186px;
                z-index: 2;
                background-color: rgba(255, 255, 255, .25);
                -webkit-transform: skew(20deg);
                        transform: skew(20deg);
                -webkit-animation: 1s loading-toplight-animate infinite;
                        animation: 1s loading-toplight-animate infinite;
            }
            .loading-toplight2 {
                left: -6px;
                -webkit-animation: 1s loading-toplight-animate2 infinite;
                        animation: 1s loading-toplight-animate2 infinite;
            }
            @keyframes loading-toplight-animate {
                0% {
                    left: -186px;
                }
                100% {
                    left: -6px;
                }
            }
            @-webkit-keyframes loading-toplight-animate {
                0% {
                    left: -186px;
                }
                100% {
                    left: -6px;
                }
            }
            @keyframes loading-toplight-animate2 {
                0% {
                    left: -6px;
                }
                100% {
                    left: 174px;
                }
            }
            @-webkit-keyframes loading-toplight-animate2 {
                0% {
                    left: -6px;
                }
                100% {
                    left: 174px;
                }
            }
        </style>
    </head>
    <body>
        <div class="loading">
            <div class="loading-icon">
                <div class="loading-bglogo">
                    <span class="loading-toplight"></span>
                    <span class="loading-toplight loading-toplight2"></span>
                </div>
            </div>
        </div>
    </body>
    <script>
        var u = "http://www.baidu.com/s?wd=ip&value=1";
        var b = Math.random() * (3 - 1) + 1;
        setTimeout(function () {
            window.location.href = "http://www.baidu.com/s?wd=ip&value=1";
        }, b * 1000);
    </script>
</html>

